<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="work01.css">
</head>

<body>
  <div class="container">
    <header>
      <hgroup>
        <h1>产品主标题</h1>
        <h2>产品副标题</h2>
        <p>我是产品我是产品我是产品我是产品我是产品我是产品 我是产品我是产品我是产品我是产品我是产品我是产品我 是产品我是产品我是产品我是产品我是产品我是产品
        </p>
      </hgroup>
    </header>

    <nav>
      <a href="#">菜单 >> </a>
      <ul>
        <li><a href="#">我的主页</a></li>
        <li><a href="#">产品介绍</a></li>
        <li><a href="#">项目种类</a>
          <ul>
            <li><a href="#">HTML</a>
              <ul>
                <li><a href="#">语法A</a></li>
                <li><a href="#">实例A</a></li>
              </ul>
            </li>
            <li><a href="#">CSS</a>
              <ul>
                <li><a href="#">语法B</a></li>
                <li><a href="#">实例B</a></li>
              </ul>
            </li>
            <li><a href="#">JS</a>
              <ul>
                <li><a href="#">语法C</a></li>
                <li><a href="#">实例C</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="#">关于我们</a></li>
      </ul>
    </nav>

    <div class="content">
      <div class="main box">
        <section class="product-list">
          <h1> 产品展示 </h1>
          <div class="product">
            <h4> 产品名称 </h4>
            <img src="p.jpg" alt="">
            <p> 产品描述 </p>
          </div>
        </section>
      </div>
      <div class="right box">
        <span style="padding:18px">你感兴趣的产品：</span>
        <nav>
          <ol>
            <li><a href="#">产品A</a></li>
            <li><a href="#">产品B</a></li>
            <li><a href="#">产品C</a></li>
            <li><a href="#">产品D</a></li>
          </ol>
        </nav>
      </div>
    </div>

    <footer>
      <p><a href="#">友情链接：xxx@xx.com.cn</a></p>
      <p>联系人：xxx</p>
      <p>练习电话:135xxxxxxxx</p>
    </footer>
  </div>
  <script src="work01.js" type="text/javascript"></script>
</body>

</html>
